<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition>
	<div class="webCenter-products">
		<div class="title-new-product">OFERTAS</div>
		<ui:repeat var="ofertas"
			value="#{webOfertasProductosMBean.listaPrecioProducto}">
			<div class="item-product">
				<div class="product-image">
					<p:graphicImage id="idImagen"
							library="images"
							name="/product/#{ofertas.imagen}" width="200" height="180"/>
				</div>
				<div class="product-description">#{ofertas.producto}</div>
				<div class="product-price">
					<label style="text-decoration: line-through; color: #A39494;">S/.
						<h:outputText value="#{ofertas.precioNormal}">
							<f:convertNumber type="number" minFractionDigits="2"
								pattern="#0.00" />
						</h:outputText>
					</label> <span class="price-amount">S/. <h:outputText
							value="#{ofertas.precioCampana}">
							<f:convertNumber type="number" minFractionDigits="2"
								pattern="#0.00" />
						</h:outputText>
					</span> <span class="shopping-car"> <img
						src="../resources/webimg/portal/shopping-cart-icon.png"
						class="imgCarrito" alt="Agregar a Carrito" />
					</span>
				</div>
			</div>
		</ui:repeat>
	</div>
</ui:composition>
</html>